﻿<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site2.Master" CodeBehind="Battler.aspx.vb" Inherits="Prototype1.Battler" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <style type="text/css">
        .style12
        {
            width: 99%;
        margin-top: 62px;
    }
        .style14
        {
        width: 317px;
    }
        .style15
        {
            width: 147%;
            height: 152px;
        margin-bottom: 66px;
    }
        .style16
        {
            width: 204px;
        }
        .style17
        {
            width: 147%;
            height: 62px;
        }
        .style18
        {
            width: 199px;
        }
    .style19
    {
        width: 210px;
    }
    .style20
    {
        width: 207px;
    }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <p style="font-size: xx-large; font-family: Jokerman">
        Welcome to the Battle Arena. 
        <br />
        Please Select Two Robots to Battle</p>
    
    <table class="style17">
        <tr>
            <td class="style18">
                Select a Robot:<br /><asp:DropDownList ID="dl_1" runat="server" 
                    DataSourceID="SqlDataSource2" DataTextField="Robot_Name" 
                    DataValueField="Picture" AutoPostBack="True" ViewStateMode="Disabled">
                </asp:DropDownList>
            </td>
            <td class="style20">
                Select a Robot:<br /><asp:DropDownList ID="dl_2" runat="server" 
                    DataSourceID="SqlDataSource2" DataTextField="Robot_Name" 
                    DataValueField="Picture" AutoPostBack="True" ViewStateMode="Disabled">
                </asp:DropDownList>
            </td>
            <td>
        <asp:Button ID="bt_Select1" runat="server" Text="Battle" style="margin-left: 10px" />
            </td>
        </tr>
    </table>
    <table class="style15">
        <tr>
            <td class="style16">
                <asp:Image ID="Image1" runat="server" Height="120px" Width="147px" />
            </td>
            <td class="style19">
                <asp:Image ID="Image2" runat="server" Height="120px" Width="147px" />
            </td>
            <td>
                <asp:Image 
            ID="Image3" runat="server" Height="120px" Width="147px" />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <asp:Label ID="lbl" runat="server"></asp:Label>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;</td>
        </tr>
    </table>
    <p>
        &nbsp;</p>
    <p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </p>
    <p>
        &nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <table class="style12">
        <tr>
            <td class="style14">
                &nbsp;</td>
        </tr>
        <tr>
            <td class="style14">
                &nbsp;</td>
        </tr>
    </table>
    </p>
<p>
        &nbsp;</p>
        <asp:SqlDataSource ID="SqlDataSource2" runat="server" 
            ConnectionString="<%$ ConnectionStrings:roboticsConnectionString %>" 
            ProviderName="<%$ ConnectionStrings:roboticsConnectionString.ProviderName %>" 
            
        SelectCommand="SELECT [Picture], [Robot_Name] FROM [mastTable1] ORDER BY [ID]">
        </asp:SqlDataSource>
    <p>
        &nbsp;</p>
    <p>
        &nbsp;</p>
    <p>
        &nbsp;</p>
    <p>
        <br />
    </p>
    <p>
        &nbsp;</p>
    <p>
    </p>
</asp:Content>
